<%@ page language="java" contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="/WEB-INF/tld/struts-html.tld" prefix="html"%>
<%@ taglib uri="/WEB-INF/tld/struts-bean.tld" prefix="bean"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>后台管理登录</title>
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    
    <style type="text/css">
      #all {margin-left:auto; margin-right:auto; text-align: center;width: 540px;}
      body {text-align:center;}
      #main {background:url(${pageContext.request.contextPath }/admin/style/login/login_mid.gif); height:220px; text-align:center;}
      #title {height:66px;margin-top: 120px;}
      #login { margin-top: 0px; width: 420px; margin-left: auto; margin-right:auto;}
      
      #top_left {background: url("${pageContext.request.contextPath }/admin/style/login/top_left_bg.gif") no-repeat; width:21px; height:20px; float:left;}
      #top_mid {background: url("${pageContext.request.contextPath }/admin/style/login/top_mid_bg.gif"); width:498px; height:20px; float:left;}
      #top_right {background:url(${pageContext.request.contextPath }/admin/style/login/top_right_bg.gif) no-repeat; width:21px; height:20px; float:left;}
      
      #btm_left {background:url("${pageContext.request.contextPath }/admin/style/login/login_btm_left.gif") no-repeat; width:21px; height: 21px; float:left;}
      #btm_mid {background:url("${pageContext.request.contextPath }/admin/style/login/login_btm_mid.gif"); width:498px; height: 21px; float:left;}
      #btm_right {background:url(${pageContext.request.contextPath }/admin/style/login/login_btm_right.gif) no-repeat; width:21px; height: 21px; float:left;}
      
    </style>
    
    <script type="text/javascript">
    function reset_form() {
    	document.getElementById('account').value = '';
    	document.getElementById('password').value = '';
    	return false;
    }
    </script>
    
  </head>
  
  <body>
    <div id="all">
      <div id="title"><img src="${pageContext.request.contextPath }/admin/style/login/login_title.gif" /></div>
      <div id="top">
        <div id="top_left"></div>
        <div id="top_mid"></div>
        <div id="top_right"></div>
      </div>
      <div id="main">
        <form action="${pageContext.request.contextPath }/admin/adminLogin.do" name="loginForm" method="post" id="loginForm">
          <table id="login">
            <tr>
              <td><b>用户</b></td>
              <td>
                <input type="text" name="account" id="account" size="32" value="${loginForm.account}"
                  style="background:url(${pageContext.request.contextPath }/admin/style/login/username_bg.gif) left no-repeat #FFF; border:1px #ccc solid;height: 20px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight: 800; margin:0; padding-left: 24px;" />
              </td>
            </tr>
            <tr height="30px">
              <td></td>
              <td>
                <html:errors property="username.mustinput"/>
                <html:errors property="username.word"/>
              </td>
            </tr>
            <tr>
              <td><b>密码</b></td>
              <td>
                <input type="password" name="password" id="password" size="32" 
                  style="background:url(${pageContext.request.contextPath }/admin/style/login/password_bg.gif) left no-repeat #FFF; border: 1px #ccc solid; height: 20px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight: 800; margin:0; padding-left: 24px;" />
              </td>
            </tr>
            <tr height="20px">
              <td></td>
              <td>
                <html:errors property="password.null"/>
                <html:errors property="login.error.notrightuser"/>
              </td>
            </tr>
            <tr>
              <td></td>
              <td style="text-align: left; padding-top: 32px;">
                <input type="image" src="${pageContext.request.contextPath }/admin/style/login/login.gif" name="submit" onclick="javascript:document.getElementById('login_form').submit();" />&nbsp;&nbsp;&nbsp;
                <input type="image" src="${pageContext.request.contextPath }/admin/style/login/cancel.gif" name="cancel" onclick="reset_form();" />
              </td>
            </tr>
          </table>
        </form>
      </div>
      <div id="btm">
        <div id="btm_left"></div>
        <div id="btm_mid"></div>
        <div id="btm_right"></div>
      </div>
    </div>
    
  </body>
</html>